import type { Metadata } from "next";
import "./globals.css";
import Navbar from "@/app/components/Navbar";
import About from "@/app/components/About";
import Contact from "@/app/components/Contact";
import Footer from "@/app/components/Footer";
import Script from 'next/script';

export const metadata: Metadata = {
  title: "老萨的技术博客",
  description: "老萨的技术博客",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {

  return (
    <html lang="en">
      <body>
      <header className="min-h-72 bg-black">
          <Script id="track" strategy="lazyOnload">
              {`var _hmt = _hmt || [];
              (function() {
              var hm = document.createElement("script");
              hm.src = "https://hm.baidu.com/hm.js?f84c937660f9424d6fe102b0043dd158";
              var s = document.getElementsByTagName("script")[0];
              s.parentNode.insertBefore(hm, s);
          })();`}
          </Script>
        <Navbar />
      </header>
         <About />
         {children}
         <Contact />
         <Footer />
      </body>
    </html>
  );
}
